<!DOCTYPE html>
<html lang="en"><head>
    	<meta charset="utf-8">
    	<title>Home | Livantostore</title>
    	<meta name="description" content="">
    	<meta name="author" content="">
    	<!--[if lt IE 9]>
    		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    	<![endif]-->
    	<link href="css/bootstrap.css" rel="stylesheet">
    	<link href="css/bootstrap-responsive.css" rel="stylesheet">
    	<link href="css/style.css" rel="stylesheet">
        <link rel="stylesheet" href="css/responsiveslides.css">
        
      
   		<style>
    		body{ padding-top: 20px; }
		</style>
    	<!--[if IE 6]>    
    		<link href="css/ie6.css" rel="stylesheet">
    	<![endif]-->
    </head>
    <body>
        
        <div class="container">
            <div class="row">
                <div class="span3">
                    <img src="img/logo.png">
                    </div>
                <div class="span9">
                    <div class="upper pull-right">
                        <div class="upper-shadow">
                        <div class="btn-group">
                            <button class="btn btn-primary bottom-rad-no">Subscribe</button>
                        </div>
                        <div class="btn-group">
                            <button class="btn btn-primary bottom-rad-no">Login / Register</button>
                        </div>
                        <div class="btn-group">
                            <button class="btn btn-primary bottom-rad-no">Customer Support</button>
                        </div>
                            </div>
                        </div>
                    <div class="lower_bg">
                    
                    <div class="lower">
                    <div class="input-prepend input-append">
              <div class="btn-group">
                <button class="btn dropdown-toggle" data-toggle="dropdown">All Categories <span class="caret"></span></button>
                <ul class="dropdown-menu">
                  <li><a href="#">Category 1</a></li>
                  <li><a href="#">Category 2</a></li>
                  <li><a href="#">Category 3</a></li>
                  <li><a href="#">Category 4</a></li>
                  <li><a href="#">Category 5</a></li>
                  
                </ul>
              </div><!-- /btn-group -->
              <input class="span4" id="appendedPrependedDropdownButton" type="text" placeholder="Search what are you looking for?">
              <div class="btn-group">
                <button class="btn btn-warning" type="submit"><i class="icon-search icon-white"></i> Search </span></button>
                
              </div><!-- /btn-group -->
            </div>
                        <div class="cart-block pull-right">
                        <i class="icon-shopping-cart icon-white shopping_bg"></i> My shopping cart
                        </div>
                    </div>
                </div>
                    </div>
                </div>
            </div>
        
        
        <div class="hero-unit nav_main">
        <div class="container">
    	<div class="navbar">
              <div class="navbar-inner">
                <div class="container">
                  <a class="btn btn-navbar collapsed" data-toggle="collapse" data-target=".navbar-responsive-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                  </a>
                
                  <div class="nav-collapse navbar-responsive-collapse collapse" style="height: 0px;">
                    <ul class="nav">
                      <li class="active"><a href="#">ELECTRONICS</a></li>
                      <li><a href="#">FOOTWARE</a></li>
                      <li><a href="#">JEWELLERY</a></li>
                      <li><a href="#">MOBILE & TABLETS</a></li>
                      <li><a href="#">AUTO MOBILES</a></li>
                      <li><a href="#">HOME & KETCHENT</a></li>
                      <li><a href="#">MORE STORE</a></li>
                      
                    </ul>
                    
                    
                  </div><!-- /.nav-collapse -->
                </div>
              </div><!-- /navbar-inner -->
            </div>
    	</div>
    	</div>
        
    	<div class="container">
            <ul class="rslides" id="slider1">
      <li><img src="img/slider/1.jpg" alt=""></li>
      <li><img src="img/slider/2.jpg" alt=""></li>
    </ul>
            </div>
    	<div class="container main-content" >
        
			<div class="row">
<!-- Sidebar ================================================== -->
	<div class="span3">
		<div class="span3 sidebar">
        <ul class="nav nav-list sidenav">
          <li class="cat-had">Categories</li>
          <li class=""><a href="#"><i class="icon-chevron-right"></i> Building Material</a></li>
          <li class=""><a href="#"><i class="icon-chevron-right"></i> Computer & Laptop</a></li>
          <li class=""><a href="#"><i class="icon-chevron-right"></i> Entertainment</a></li>
          <li class=""><a href="#"><i class="icon-chevron-right"></i> Jewellery</a></li>
          <li class=""><a href="#"><i class="icon-chevron-right"></i> Mobile & Tablet</a></li>
          <li class="active"><a href="#"><i class="icon-chevron-right"></i> Mobile & Accessories</a></li>
          <li class=""><a href="#"><i class="icon-chevron-right"></i> Mobile Parts</a></li>
          <li class=""><a href="#"><i class="icon-chevron-right"></i> Wallet, Belt & Bag</a></li>
          <li class=""><a href="#"><i class="icon-chevron-right"></i> Fitness, Health & Medical</a></li>
        </ul>
      </div>
	</div>
<!-- Sidebar end=============================================== -->
		<div class="span9 products">		
		
			  <ul class="thumbnails">
                  
                
                <div class="prod-cat">
                    <div class="cat-hdr">
                    <div class="prod-cat-hdr span9">
                        <div class="left-text">
                        Prod category - mobile accessories
                        </div>
                        <div class="right-text pull-right">
                        view our store
                        </div>
                    </div>
                        </div>
				<li class="span3 cart_items">
				  <div class="thumbnail">
					<a  href="product.html" class="product-image"  ><img src="img/product/11.jpg" alt=""></a>
					<div class="caption">
                        <div class="info">
					  <h5>Product name</h5>
					  <p> 
						Lorem Ipsum is simply dummy text. 
					  </p>
					 </div>
					  <h4 style="text-align:center"> <a type="button" title="Add to Cart" class="btn add-to-cart" href="#">Add to <i class="icon-shopping-cart"></i></a> <a class="btn btn-primary" href="#">$222.00</a></h4>
                        <div class="ratings  ">
                    <span class="rating-number">
                                                    5                                            </span>
                    <div class="rating-stars">
                        <div class="rating-stars-inactive img"></div>
                        <div class="rating-stars-active img" style="width: 100%"></div>
                    </div>
                    <span class="review">
                                                    2 Ratings                                            </span>
                </div>
					</div>
				  </div>
				</li>
				<li class="span3 cart_items">
				  <div class="thumbnail">
					<a  href="product.html" class="product-image"  ><img src="img/product/7.jpg" alt=""></a>
					<div class="caption">
                        <div class="info">
					  <h5>Product name</h5>
					  <p> 
						Lorem Ipsum is simply dummy text. 
					  </p>
                            </div>
					 <h4 style="text-align:center"> <a type="button" title="Add to Cart" class="btn add-to-cart" href="#">Add to <i class="icon-shopping-cart"></i></a> <a class="btn btn-primary" href="#">$222.00</a></h4>
                        <div class="ratings  ">
                    <span class="rating-number">
                                                    5                                            </span>
                    <div class="rating-stars">
                        <div class="rating-stars-inactive img"></div>
                        <div class="rating-stars-active img" style="width: 100%"></div>
                    </div>
                    <span class="review">
                                                    2 Ratings                                            </span>
                </div>
					</div>
				  </div>
				</li>
				<li class="span3 cart_items">
				  <div class="thumbnail">
					<a  href="product.html" class="product-image"  ><img src="img/product/8.jpg" alt=""></a>
					<div class="caption">
                        <div class="info">
					  <h5>Product name</h5>
					  <p> 
						Lorem Ipsum is simply dummy text. 
					  </p>
                            </div>
					   <h4 style="text-align:center"> <a type="button" title="Add to Cart" class="btn add-to-cart" href="#">Add to <i class="icon-shopping-cart"></i></a> <a class="btn btn-primary" href="#">$222.00</a></h4>
                        <div class="ratings  ">
                    <span class="rating-number">
                                                    5                                            </span>
                    <div class="rating-stars">
                        <div class="rating-stars-inactive img"></div>
                        <div class="rating-stars-active img" style="width: 100%"></div>
                    </div>
                    <span class="review">
                                                    2 Ratings                                            </span>
                </div>
					</div>
				  </div>
				</li>
                    </div>
                  
                  <div class="prod-cat">
                    <div class="cat-hdr">
                    <div class="prod-cat-hdr span9">
                        <div class="left-text">
                        Prod category - mobile accessories
                        </div>
                        <div class="right-text pull-right">
                        view our store
                        </div>
                    </div>
                        </div>
				<li class="span3 cart_items">
				  <div class="thumbnail">
					<a  href="product.html" class="product-image"  ><img src="img/product/11.jpg" alt=""></a>
					<div class="caption">
                        <div class="info">
					  <h5>Product name</h5>
					  <p> 
						Lorem Ipsum is simply dummy text. 
					  </p>
					 </div>
					  <h4 style="text-align:center"> <a type="button" title="Add to Cart" class="btn add-to-cart" href="#">Add to <i class="icon-shopping-cart"></i></a> <a class="btn btn-primary" href="#">$222.00</a></h4>
                        <div class="ratings  ">
                    <span class="rating-number">
                                                    5                                            </span>
                    <div class="rating-stars">
                        <div class="rating-stars-inactive img"></div>
                        <div class="rating-stars-active img" style="width: 100%"></div>
                    </div>
                    <span class="review">
                                                    2 Ratings                                            </span>
                </div>
					</div>
				  </div>
				</li>
				<li class="span3 cart_items">
				  <div class="thumbnail">
					<a  href="product.html" class="product-image"  ><img src="img/product/7.jpg" alt=""></a>
					<div class="caption">
                        <div class="info">
					  <h5>Product name</h5>
					  <p> 
						Lorem Ipsum is simply dummy text. 
					  </p>
                            </div>
					 <h4 style="text-align:center"> <a type="button" title="Add to Cart" class="btn add-to-cart" href="#">Add to <i class="icon-shopping-cart"></i></a> <a class="btn btn-primary" href="#">$222.00</a></h4>
                        <div class="ratings  ">
                    <span class="rating-number">
                                                    5                                            </span>
                    <div class="rating-stars">
                        <div class="rating-stars-inactive img"></div>
                        <div class="rating-stars-active img" style="width: 100%"></div>
                    </div>
                    <span class="review">
                                                    2 Ratings                                            </span>
                </div>
					</div>
				  </div>
				</li>
				<li class="span3 cart_items">
				  <div class="thumbnail">
					<a  href="product.html" class="product-image"  ><img src="img/product/8.jpg" alt=""></a>
					<div class="caption">
                        <div class="info">
					  <h5>Product name</h5>
					  <p> 
						Lorem Ipsum is simply dummy text. 
					  </p>
                            </div>
					   <h4 style="text-align:center"> <a type="button" title="Add to Cart" class="btn add-to-cart" href="#">Add to <i class="icon-shopping-cart"></i></a> <a class="btn btn-primary" href="#">$222.00</a></h4>
                        <div class="ratings  ">
                    <span class="rating-number">
                                                    5                                            </span>
                    <div class="rating-stars">
                        <div class="rating-stars-inactive img"></div>
                        <div class="rating-stars-active img" style="width: 100%"></div>
                    </div>
                    <span class="review">
                                                    2 Ratings                                            </span>
                </div>
					</div>
				  </div>
				</li>
                    </div>
                  
                  <div class="prod-cat">
                    <div class="cat-hdr">
                    <div class="prod-cat-hdr span9">
                        <div class="left-text">
                        Prod category - mobile accessories
                        </div>
                        <div class="right-text pull-right">
                        view our store
                        </div>
                    </div>
                        </div>
				<li class="span3 cart_items">
				  <div class="thumbnail">
					<a  href="product.html" class="product-image"  ><img src="img/product/11.jpg" alt=""></a>
					<div class="caption">
                        <div class="info">
					  <h5>Product name</h5>
					  <p> 
						Lorem Ipsum is simply dummy text. 
					  </p>
					 </div>
					  <h4 style="text-align:center"> <a type="button" title="Add to Cart" class="btn add-to-cart" href="#">Add to <i class="icon-shopping-cart"></i></a> <a class="btn btn-primary" href="#">$222.00</a></h4>
                        <div class="ratings  ">
                    <span class="rating-number">
                                                    5                                            </span>
                    <div class="rating-stars">
                        <div class="rating-stars-inactive img"></div>
                        <div class="rating-stars-active img" style="width: 100%"></div>
                    </div>
                    <span class="review">
                                                    2 Ratings                                            </span>
                </div>
					</div>
				  </div>
				</li>
				<li class="span3 cart_items">
				  <div class="thumbnail">
					<a  href="product.html" class="product-image"  ><img src="img/product/7.jpg" alt=""></a>
					<div class="caption">
                        <div class="info">
					  <h5>Product name</h5>
					  <p> 
						Lorem Ipsum is simply dummy text. 
					  </p>
                            </div>
					 <h4 style="text-align:center"> <a type="button" title="Add to Cart" class="btn add-to-cart" href="#">Add to <i class="icon-shopping-cart"></i></a> <a class="btn btn-primary" href="#">$222.00</a></h4>
                        <div class="ratings  ">
                    <span class="rating-number">
                                                    5                                            </span>
                    <div class="rating-stars">
                        <div class="rating-stars-inactive img"></div>
                        <div class="rating-stars-active img" style="width: 100%"></div>
                    </div>
                    <span class="review">
                                                    2 Ratings                                            </span>
                </div>
					</div>
				  </div>
				</li>
				<li class="span3 cart_items">
				  <div class="thumbnail">
					<a  href="product.html" class="product-image"  ><img src="img/product/8.jpg" alt=""></a>
					<div class="caption">
                        <div class="info">
					  <h5>Product name</h5>
					  <p> 
						Lorem Ipsum is simply dummy text. 
					  </p>
                            </div>
					   <h4 style="text-align:center"> <a type="button" title="Add to Cart" class="btn add-to-cart" href="#">Add to <i class="icon-shopping-cart"></i></a> <a class="btn btn-primary" href="#">$222.00</a></h4>
                        
                        <div class="ratings">
                    <span class="rating-number">
                                                    5                                            </span>
                    <div class="rating-stars">
                        <div class="rating-stars-inactive img"></div>
                        <div class="rating-stars-active img" style="width: 100%"></div>
                    </div>
                    <span class="review">
                                                    2 Ratings                                            </span>
                </div>
					</div>
				  </div>
				</li>
                    </div>
                  
                  
                  
                  
				
			  </ul>	

		</div>
		</div>
            
		</div> <!-- /container -->

    
    <div id="footerSection">
	<div class="container">
		<div class="row">
			<div class="span3">
				<h5>LIVANTOSTORE</h5>
				<a href="#">About Us</a>
				<a href="#">Privacy Policy</a> 
				<a href="#">Products & Services</a> 
				<a href="#">Refund & Cancellation</a>  
				<a href="#">Policies</a>
				<a href="#">Shipping Policy</a>
				<a href="#">Terms & Conditions</a>
			 </div>
			<div class="span3">
				<h5>CUSTOMER HELP?</h5>
				<a href="#">Contact Us</a>  
				<a href="#">Customer Support</a>  
			 </div>
			<div class="span3 social-network">
				<h5>SOCIAL NETWORK</h5>
				<a href="#">Facebook</a> 
            </div>
			<div id="payment" class="span3 pull-right">
                <div class="input-append">
                    <label><h5>Sign Up for Offers</h5></label>
                  <input class="span2 footer-input" id="appendedInputButton" type="text">
                  <button class="btn footer-button" type="button">Submit</button>
                </div>
				
				<img src="img/payment.jpg" class="Payment-Methods" title="Bootstrapshop Payment Methods" alt="Payments Methods">
				<div class="caption">
				  <h5>100% Secure Payments</h5>
                    <p>All major credit & debit cards accepted</p>
				
			  </div>
			 </div> 
		 </div>
        <hr class="bottom-line">
		<p class="pull-center">Copyright 2014 livantostore.com All Rights Reserved</p>
	</div><!-- Container End -->
	</div>
		<script src="js/jquery-1.7.1.min.js"></script>
        <script src="js/bootstrap.js"></script>
    <script src="js/responsiveslides.js"></script>
    <script src="js/bootstrap-affix.js"></script>
    <script src="js/scripts.js"></script>
    <script type="text/javascript" src="js/jquery_easing.js"></script>
<script type="text/javascript">

jQuery(function($) {

$('.add-to-cart').click(function() {
	var cart = $('.shopping_bg');
   var imgtofly = $(this).parents('li.cart_items').find('a.product-image img').eq(0);
	if (imgtofly) {
		var imgclone = imgtofly.clone()
			.offset({ top:imgtofly.offset().top, left:imgtofly.offset().left })
			.css({'opacity':'0.7', 'position':'absolute', 'height':'150px', 'width':'150px', 'z-index':'1000'})
			.appendTo($('body'))
			.animate({
				'top':cart.offset().top + 5,
				'left':cart.offset().left + 5,
				'width':55,
				'height':55
			}, 1000, 'easeInElastic');
		imgclone.animate({'width':0, 'height':0}, function(){ $(this).detach() });
	}
	return false;
});
});
</script>
      <script>
        // You can also use "$(window).load(function() {"
        $(function () {

          // Slideshow 1
          $("#slider1").responsiveSlides({
            
            speed: 800
          });

        });
      </script>
        <script type="text/javascript">
			$(function(){if($.browser.msie&&parseInt($.browser.version,10)===6){$('.row div[class^="span"]:last-child').addClass("last-child");$('[class*="span"]').addClass("margin-left-20");$('[class*="span"][class*="offset"]').removeClass('margin-left-20');$(':button[class="btn"], :reset[class="btn"], :submit[class="btn"], input[type="button"]').addClass("button-reset");$(":checkbox").addClass("input-checkbox");$('[class^="icon-"], [class*=" icon-"]').addClass("icon-sprite");$(".pagination li:first-child a").addClass("pagination-first-child")}
				
				// Tooltip demo
				$('.tooltip-demo.well').tooltip({
				  selector: "a[rel=tooltip]",
				  placement: "top"
				})
			
				$('.tooltip-test').tooltip()
				$('.popover-test').popover()
			
				// Popover demo
				$("a[rel=popover]")
				  .popover({
					placement : "top"  
				   })
				  .click(function(e) {
					e.preventDefault()
				  })
			});</script>
	</body>
</html>
